Adobe Illustrator

Creating a Single Line SVG File in the Adobe Illustrator App Using Vectorize

Hi Everyone!

This week I wanted to share another method you can use to create your single line SVG file in the Illustrator App using the Vectorize tool.

One great thing about the Illustrator App is they continue to improve it. I’m not sure when they came out with the vectorize tool, but I stumbled upon it when I was tracing my sketch manually with the pencil tool.

Initially, I tried it out with my rough sketch, and the results weren’t great.

Vectorize a sketch in Illustrator app
Vectorize a sketch in Illustrator app

I went back into Procreate and I traced over my rough sketch with Studio Pen brush at 5% for a more refined drawing. The thinner you draw your lines here in Procreate, the better single line file you will get in Illustrator.

line drawing in procreate

I saved my file as a PNG. At this point, it looks like it would make a good draw file in Cricut Design Space, but that is definitely not the case, you will get the dreaded double lines.

Double line drawing in Cricut Design Space

So we will need to do some additional steps in Illustrator to get a proper Draw file. I’m going to import my PNG file into the Illustrator app.

Vectorize a sketch in Illustrator app

With my image selected, in the tool bar on the right side, I’m going to click on Object and in the dialog box I will select Vectorize.

Vectorize a sketch in Illustrator app

This works a lot like Image Trace in the desktop version of Illustrator. I’m going to make sure I have my color mode set to Black and White and my Output set to Strokes. You can play around with the sliders a little bit to help refine your drawing.

Vectorize a sketch in Illustrator app

Once you get it to where you like it, you can click Expand Vectorization and now you will have a drawing composed of single line strokes.

Vectorize a sketch in Illustrator app

One last thing I’m going to do is make all of my strokes 1pt in width.

Vectorize a sketch in Illustrator app

Now I can go through and refine my drawing even more with the direct selection tool and add any parts that may be missing with the pen or pencil tool. Once I’m satisfied with the way it is, I can save this as an SVG and import it into the Cricut Design Space App.

Creating Your Own Single Line SVG File - Part Three

Hi Everyone!

This week I’m going to test the single line SVG file that I created in the Illustrator app last week. I’m going to do this all on my iPad, so I’m going to test it with the Cricut app.

First, I’m going to open the Cricut app and start a new project. Then, down at the bottom of the screen, I’m going to select UPLOAD and BROWSE FILES.

Testing Single Line SVG file in Cricut Design Space

In last week’s tutorial, I saved my design on my iPad as an SVG file. Now. I need to locate that file on my iPad. I saved mine in my Illustrator folder.

Testing Single Line SVG file in Cricut Design Space

Inside the Illustrator folder I select my Capricorn file.

Testing Single Line SVG file in Cricut Design Space

Cricut Design Space will show a preview of the file. It will default to a CUT image. I can’t change it to a DRAW file until it’s uploaded into Design Space. So now, I can name my file and click save in the upper right corner.

Testing Single Line SVG file in Cricut Design Space

After I click save, Design Space will bring up all my uploaded images. I select my Capricorn file and click INSERT down in the bottom right corner.

Testing Single Line SVG file in Cricut Design Space

Now, my file is on my canvas. I’m going to scale it down a little bit, so it fits on the piece of cardstock I will be using to do my test drawing. I’m also going to change this to a DRAW file. Down in the bottom tool bar, select EDIT, then where it says BASIC CUT on the bottom left, select that and change it to DRAW/ Pen.

Testing Single Line SVG file in Cricut Design Space

Here I can change the pen type and color. I’m using my Fine Point Black pen. I’m going to change the color just for visibility purposes in Design Space. My machine cannot determine the actual pen color I’m using, so I can select whatever color I want.

Testing Single Line SVG file in Cricut Design Space

Even though all of my lines are already grouped together, I still need to ATTACH them. Otherwise Design Space will spread them out all weird on the mat when I select Make It. Down in the bottom tool bar I select ACTIONS then I select ATTACH. Now I’m ready to SAVE my file and then select Make It.

Testing Single Line SVG file in Cricut Design Space

I’m going to position my design relative to where I have my piece of cardstock on my actual mat.

Testing Single Line SVG file in Cricut Design Space

Click NEXT and then select my Maker machine.

Testing Single Line SVG file in Cricut Design Space

I’m using a scarp piece of cardstock, so I select Heavy Cardstock as my material. and I load my Black fine point pen and my mat into my machine, and Press GO!!

Testing Single Line SVG file in Cricut Design Space

After my machine is done drawing, I check my design to see if skipped any of my lines. If any parts of your design are missing, try re-uploading your SVG file into Design Space.

Testing Single Line SVG file in Cricut Design Space

It looks like all of my lines are there, now I’m going to try out my design with my WRMK foil quill. I can use my Foil Quill with my iPad because my machine treats it like a pen. I cannot use my Cricut Foil Transfer tool with my iPad, I don’t know why Cricut hasn’t figured that one out yet.

But here it is with silver foil on black cardstock! Now that I’ve tested my file and it works, I can use it for whatever projects I want.

Testing Single Line SVG file in Cricut Design Space
Testing Single Line SVG file in Cricut Design Space

Creating Your Own Single Line SVG Files - Part Two

Hi Everyone!

This week is part two of how to create your own single line SVG files. I’m going to share with you how I take my sketch from Procreate and use the Adobe Illustrator app on my iPad Pro to create the SVG file.

Last week exported my file from Procreate as a JPEG. I’m going to bring that file into the Illustrator app by selecting the picture icon in the tool bar on the left and finding that file on my iPad.

Inserting Image in Illustrator App

You can adjust the size of the image, I typically keep my pretty large at this point. I’m going to add a new layer above my sketch layer, then I’m going to lock my sketch layer.

Inserting Image in Illustrator App

I typically start with a basic out line of my image and then fill in all the little details on a separate layer. You need to use either the pencil tool or the pen tool to create a single line SVG. This is so your image is made up of individual paths and not filled shapes. I’m going to use the pencil tool since it feels most natural when I’m tracing my image using my Apple Pencil.

Pencil tool Illustrator App

I’m going to start tracing the outline of the horns with my pencil. If you need to stop and lift up your pencil, you can continue that same line again by selecting the path and start drawing at one of the end points.

Pencil tool Illustrator App

Now, you can choose the draw the rest of the outline or start refining each section as you go along. I’m going to refine each section as I go along. Using the Direct selection tool, I can delete anchor points, change curved points to sharp angles and vice versa.

Direct Selection tool Illustrator App

After the outline is complete, I will create a new layer for the details.

Creating single line SVGs Illustrator app

I do the details by sections in the drawing. As you can see, I simplified the scales on the fish tale from my original drawing. Now is great time to make any adjustments to your drawing. Once I finish the details, I make each section a subgroup in my layer.

Creating single line SVGs Illustrator app

Now it’s time to export this file as SVG. Click on the box with the arrow in the upper right tool bar across the top in the app. Select “Publish and export.”

Export as SVG Illustrator app

On the left side of the screen, select “Export as.”

Export as SVG Illustrator app

In the drop down next to Format, select SVG and click the blue Export button.

Export as SVG Illustrator app

I’m going to select “Save to Files.”

Export as SVG Illustrator app

Then I select the “Illustrator” folder. Next week I will show you how to test this file using the Cricut App on my iPad.

Export as SVG Illustrator app

Creating Your Own Single Line SVG Files - Part One

Hi Everyone!

One of my goals this year is to create more SVG files to add here and my Etsy shop. There are a lot of SVG cut files available out there, but not as many single line or draw files. I thought I would share my process for how I create my single line SVG files.

I start off by trying to come up with an idea for a collection of files, this year I want to do all of the zodiac symbols. Since we’re still in January, I’m going to start off with Capricorn, which is often depicted as a sea goat.

I love using Pinterest to gather inspiration and I created a board where I’m collecting images of all the different zodiac symbols. I’ll keep adding to this board as I work my way through all the zodiac signs.

After I’ve gathered a few images I go through them and I start to pick out what parts I like from each image.

I really like how the fish tails loop around on these.

I think I want a profile view for the head.

Next, I’m going to start creating a rough sketch on my iPad Pro in one of my favorite apps, Procreate. If you don’t have an iPad, you can also do your sketch the good old fashioned way with pencil and paper.

I would like for these to fit on a round shape like a key ring or coaster, so I’m going to start out. with a circle shape and keep my design within that shape.

I like to sketch with the Peppermint Pencil, it’s one of the brushes that comes with Procreate. It’s almost like sketching with a real pencil!

Another great thing about Procreate is you can have your reference image in a separate little window inside Procreate.

Creating a sketch in Procreate

Or you can do a split screen with Procreate and Pinterest.

Procreate Split Screen

I’m going to work with my reference image in a window in Procreate. So I take some screenshots of my Pinterest images that I will be referencing.

After I work out my sketch, I can either take a screenshot, save it as a JPEG or PNG file to bring into the Illustrator app.

Exporting from Procreate

If you made your sketch on regular paper, you will need to scan you image so you can bring it into Illustrator or another vector program of your choice.

Next week I will share with you how I turn my sketch into vector line art in the Illustrator App on my iPad.

Capricorn sketch Procreate

Cutting Full Sticker Sheets with Your Cricut - Part 2 - Test Printing

Hi Everyone!

This week is another important step when creating full sticker sheets to cut on your Cricut Machine.

I always print a few test sheets on plain paper before I cut the actual sticker paper. Once you learn all the little nuances of your machine, you will probably be able to skip this step. But when you are just beginning to using this method, it’s best to practice, practice, practice before jumping into using your expensive sticker paper.

I already set up my artwork in Adobe Illustrator with my offset cutlines. If you need some guidance on creating offsets in Illustrator, you can check out my previous posts here and here.

Kitty Sticker artwork in illustrator

When I set up my art files in Illustrator I have 2 separate layers. First, the ARTWORK layer that we will use to print our stickers directly from Illustrator. Second, the CUTLINE layer that we will export as an SVG and import into Cricut Design Space.

Layers in Illustrator

Very Important: My cut layer contains a bracket in each corner of the 8.5” x 11” artboard. This is going to help us line up the cut lines in Design Space. Make sure you include these brackets when you set up your file!

Kitty Sticker artwork in Illustrator

For my test print, I’m actually going to print the grey cutlines with the artwork so I can really see how far off my machine cuts and make the appropriate adjustments.

I’m using an Epson SureColor P600 printer, but you can use any inkjet printer for this method. I do not recommend using a laser printer for this method. Since laser printers use heat, you will run into shrinkage issues with your paper and your cuts will be off unless you calculate the proper shrinkage. The shrinkage is very minimal, but it is noticeable.

I’m going to print 3 copies of my artwork on plain paper so I have a couple of extra to practice.

Your print dialog box will probably look different , but make sure the image is NOT SCALED when printing.

Print settings

Check your printouts carefully to make sure they are straight and the artwork is is the same position on all 3 printouts. If the artwork is shifted, at all, in any of the printouts you will need to test and/ or adjust your printer to make sure you are getting the same print placement everytime.

Checking print placement

After checking your print outs, carefully place one of the printouts inside the rectangle on the mat that we prepped in last weeks post. Take your time when doing this to make sure your paper is properly aligned within the rectangle.

Test Print placed on mat

Now we’re going to open our cut lines only in Design Space. I exported that layer as a separate SVG from Illustrator and imported it into Design Space.

Check that the dimension of the imported artwork are 8.5” x 11” like our file in Illustrator. Those very important brackets that you put in the corners on the artboard in Illustrator help ensure that the dimensions remain 8.5” x 11.

Cut Lines in Design Space

ATTACH all of your elements, and the press MAKE IT.

Those very important corner brackets are also going to help keep your artwork in the proper place in the upper left corner of the mat, but not beyond those red border lines in Design Space.

Cut lines in Design Space

I select Copy Paper and Default pressure for my material settings.

Now I carefully load my mat into the machine like we practiced last week, and press GO!!

After the machine is done cutting, load your mat and let’s check the results!

So on my first attempt, my paper is placed just a hair too high up on the mat. So for my next try I’m going to try to do a better job aligning the bottom edge of my paper to the bottom line that’s drawn on the mat.

First Cut Attempt

My 2nd attempt is much better! Remember it’s never going to be absolutely perfect, there are so many variables that go into this process and there will always be some level of human error. But it’s up to you how much time and effort you want to spend trying to perfect your cuts. Also, the more you do it, the better you’re going to become.

2nd Cut Attempt

Since the offset on my actual stickers will be white, I’m ok with my second attempt. I’m really going to focus on lining up my paper along the bottom line on my mat for my future cuts.

2nd cut attempt

If you are doing a colored offset, make sure you add some bleed around the edges so if it cuts slightly off there won’t be any white showing. Also, a wider offset will make a slightly off cut less noticeable.

Next week we’ll print on the actual sticker paper and cut some stickers!